

/*@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;

#header { color: @light-blue; }*/

@color: #4D926F;

#header {
    color: @color;
}
h2 {
    color: @color;
}

.rounded-corners (@radius: 5px) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    -ms-border-radius: @radius;
    -o-border-radius: @radius;
    border-radius: @radius;
}

.header {
    .rounded-corners;
}
.footer {
    .rounded-corners(10px);
}

.header,.footer{
	width:200px;
	height: 40px;
	margin:5px;
	background-color: #aac;
}

@the-border:1px;
@base-color:#111;
@red:#842210;

.section{
	width: 200px;
	height: 100px;
	margin: 5px;
	background-color: @color;
}

#section1{
	color:(@base-color*3);
	border-left: @the-border solid (@color+#111111);
	border-right: (@the-border*2) dashed black;
}

#section2{
	color:(@base-color + #003300);
	border-color:desaturate(@red,10%);
}